// 上下浮动动画
@keyframes fluctuate {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(5px, 10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.float-animation{
  animation: 3s ease-in-out 0.66s infinite normal none running fluctuate;
}

@keyframes animateBubble {
  0% {
    margin-top: 800px;
  }
  100% {
    margin-top: -100%;
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0px;
  }
  100% {
    margin-left: 50px;
  }
}
.bubble {
  border-radius: 50%;
  box-shadow: 0 20px 30px rgb(205, 223, 247), inset 0px 10px 30px 5px rgb(205, 223, 247);
  height: 50px;
  position: absolute;
  width: 50px;
  background: transparent;
  pointer-events: none;
}
.bubble:after {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
  border-radius: 50%;
  box-shadow: inset 0 10px 20px rgba(255, 255, 255, 0.3);
  content: "";
  height: 40px;
  left: 10px;
  position: absolute;
  width: 40px;
}

// web3modal 弹窗置顶
.web3modal-modal-lightbox{
  z-index: 9999 !important;
}

::v-deep .v-card--variant-elevated {
  box-shadow: 0 2px 10px 0 rgb(94 86 105 / 10%);
}

::v-deep .v-card {
  border-radius: 6px;
  background: white;
  overflow: visible;
}
